<template>
    <sz-Exhibition :code="code" :title="title" :data="data">
    <div slot="controller">功能暂定 ...</div>
     <sz-Code :code="mycode" />
  </sz-Exhibition>
</template>

<script>
export default {
    data() {
        return {
             data: [
        {
          title: "属性",
          tableKey: [
            {
              name: "参数",
              key: "param"
            },
            {
              name: "说明",
              key: "explain"
            },
            {
              name: "选填",
              key: "optional"
            },
            {
              name: "类型",
              key: "type"
            },
            {
              name: "可选值",
              key: "selval"
            },
            {
              name: "默认值",
              key: "default"
            },

          ],
          table: [
            {
              param: 'code',
              explain: '代码片段',
              optional: '是',
              type: 'String',
              selval: '----',
              default: '----'
            },
          ]
        }
      ],
            code:`
<template>
    <sz-Code :code="mycode" />
</template>
<js>
export default {
    data(){
        return{
            mycode:'这是一段代码 import aa from 'aabbcc'
        }
    }
}
</js>
            `,
            title:'sz-Code 代码片段',
            mycode:`这是一段代码 import aa from 'aabbcc`,
        }
    },
}
</script>